.index{
  height: 100%;
  background: #000;
}
.publish-animated{
  animation-duration: .3s;
}
#list{
  height: 100%;
}
#empty{
  position: relative;
  width: 100%;
  height: 100%;
  .loading{
    position: absolute;
    top:50%;
    left:50%;
    width: 50px;
    transform: translate(-50%,-50%);
  }
  .empty{
    position: absolute;
    top:50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    svg{
      width: 100px;
      height: 110px;
      display: block;
      margin: 0 auto;
    }
  }
}
#down-refresh,#no-more{
  position: absolute;
  z-index: 10;
  top:0;
  left:0;
  width: 100%;
  height: 30px;
  line-height: 33px;
  text-shadow: #000 0 0 2px,#000 0 0 2px;
  color:#fff;
  font-weight: bolder;
  text-align: center;
  transition: .1s;
  .icon-loading{
    position: absolute;
    top:0;
    right:0;
    width: 50px;
    height: 30px;
    &.doing{
      background:url("./images/refresh-doing.svg") no-repeat;
      background-size: 100% 100%;
    }
    &.static{
      background:url("./images/refresh-static.svg") no-repeat;
      background-size: 100% 100%;
    }
  }
}
#no-more{
  top:auto;
  bottom: 45px;
  pointer-events: none;
}
#hint-more{
  position: absolute;
  z-index:40;
  top:0;
  left:0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.7);
  text-align: center;
  font-weight: bolder;
  font-size:20px;
  .box{
    position: absolute;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color:#fff;
    .cubeic-back{
      display: block;
      transform: rotate(90deg);
      font-size:50px;
    }
    p{
      animation: anima-pointer 1s infinite;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 50px;
      width: 50px;
    }
    @keyframes anima-pointer{
      0%   {opacity:0;bottom:0}
      100%  {opacity:1;bottom:10px;}
    }
    .text{
      position: relative;
      top:40px;
    }
    .button{
      width: 200px;
      margin: 0 auto;
      color:#fff;
      position: relative;
      top:60px;
      &::after{
        border-color: #fff;
      }
    }
  }
}